<template>
  <div :style="style" class="add-container">
    <el-icon><Plus /></el-icon>
  </div>
</template>

<script setup>
import { Plus } from '@element-plus/icons-vue'
const { width = '35px' , height = '35px'}  = defineProps(['width','height'])
const style = {
  width,
  height
}


</script>



<style scoped lang="less">
.add-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px rgb(178, 178, 178) dashed;
  color: rgb(178, 178, 178) ;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
}

.add-container:hover {
  color: rgb(231, 231, 231);
  border: 1px rgb(231, 231, 231) dashed;
}

</style>
